/**
 * @file: 
 * @author: Lengxx
 * @date: 2024-07-15
 */
<template>
  <div class="header flex flex-col justify-between">
    <div class="text-blue-300 text-[18px] font-700 flex justify-center items-center mt-4">
      可视化数据监控
    </div>
    <div class="text-orange mb-4 pl-4 pr-4 font-500 flex justify-between items-center">
      <div>门店运行良好，请继续保持！</div>
      <div class="text-white text-[18px]"> 2024年07月15日 </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import {} from 'vue';
</script>

<style lang="less" scoped>
.header {
  min-height: 6rem;
  max-height: 170px;
  background: url('@/assets/images/office_efficiency_header_bg.png') no-repeat center;
  background-size: cover;
}
</style>
